<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../jsjar/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="../jsjar/popper.js"></script>
<script type="text/javascript" src="../jsjar/bootstrap-4.5.0-dist/js/bootstrap.min.js"></script>
<link type="text/css" rel="stylesheet" href="../jsjar/bootstrap-4.5.0-dist/css/bootstrap.css">
<style type="text/css">
*{margin:0 auto; padding:0px;}
#bigdiv{width:250px; height:280px;margin-top:50px;}
body{background: #ffffff url("../imgs/2.jpg");background-size:100% 230%;}
</style>
<script type="text/javascript">
$(function(){
	$("#inputStuname").blur(function(){
		var username=$(this).val();
		if(username.length==0){
			$("#stuname_").show();
		}else{
			$("#stuname_").hide()
		}
	});
	$("#inputStuage").blur(function(){
		var password=$(this).val();
		if(password.length==0){
			$("#stuage_").show();
		}else{
			$("#stuage_").hide();
		}
	});
	$("#inputSno").blur(function(){
		var password=$(this).val();
		if(password.length==0){
			$("#sno_").show();
		}else{
			$("#sno_").hide();
		}
	});
	$("#inputIdcard").blur(function(){
		var password=$(this).val();
		if(password.length==0){
			$("#idcard_").show();
		}else{
			$("#idcard_").hide();
		}
	});
	$("#inputPhone").blur(function(){
		var password=$(this).val();
		if(password.length==0){
			$("#phone_").show();
		}else{
			$("#phone_").hide();
		}
	});
	$("#inputBedroomid").blur(function(){
		var password=$(this).val();
		if(password.length==0){
			$("#bedroomid_").show();
		}else{
			$("#bedroomid_").hide();
		}
	});
	$("#inputBedroomid").click(function(){
		$("#bd").hide();
	});
});
</script>
</head>
<body>
		<div id="bigdiv" >
                <form class="form-horizontal" action="${pageContext.request.contextPath }/fuser/register">
                  <div class="control-group">
                    <label class="control-label" for="inputStuname" contenteditable="true">姓&nbsp&nbsp&nbsp名</label>
                    <span class="controls">
                      <input id="inputStuname" placeholder="姓名" type="text" name="fname">
                    </span><span id="stuname_" style="display: none;color: red; ">*</span>
                  </div>
                  
                   <div class="control-group">
                    <label class="control-label" for="inputStuage" contenteditable="true">年&nbsp&nbsp&nbsp龄</label>
                    <span class="controls">
                      <input id="inputStuage" placeholder="年龄" type="text" name="fage">
                    </span><span id="stuage_" style="display: none;color: red; ">*</span>
                  </div>
                   <div class="control-group">
                    <label class="control-label" contenteditable="true">性&nbsp&nbsp&nbsp别</label>
                    <label class="checkbox" contenteditable="true">
                        <input type="radio"  name="fsex" value="男">
                       	男 </label>
                    <label class="checkbox" contenteditable="true">
                         <input type="radio" name="fsex" value="女">
                       	女 </label>
                  </div>
                 
                   <div class="control-group">
                    <label class="control-label" for="inputIdcard" contenteditable="true">身份证</label>
                    <span class="controls">
                      <input id="inputIdcard" placeholder="身份证" type="text" name="fidcard">
                    </span><span id="idcard_" style="display: none;color: red; ">*</span>
                  </div>
                   <div class="control-group">
                    <label class="control-label" for="inputPhone" contenteditable="true">账&nbsp&nbsp&nbsp号</label>
                    <span class="controls">
                      <input id="inputPhone" placeholder="账号" type="text" name="fusername">
                    </span><span id="phone_" style="display: none;color: red; ">*</span>
                  </div>
                  <div class="control-group">
                    <label class="control-label" for="inputBedroomid" contenteditable="true">密&nbsp&nbsp&nbsp码</label>
                    <span class="controls">
                      <input id="inputBedroomid" placeholder="密码" type="password" name="fpassword">
                    </span><span id="bedroomid_" style="display: none;color: red; ">*</span>
                  </div>
                  <div class="control-group" style="text-align:center;" >
                    <div class="controls" >
                      <button type="submit" class="btn"  contenteditable="true" style="width:100px;height:24px;">注册</button>
                    </div>
                  </div>
                </form>
           </div>
</body>
</html>